<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="keywords" content="手机新浪网,新浪首页,新闻资讯,新浪新闻,新浪无线" />
    <meta name="description" content="手机新浪网是新浪网的手机门户网站，为亿万用户打造一个手机联通世界的超级平台，提供24小时全面及时的中文资讯，内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等。手机新浪网触屏版 - sina.cn" />
    <meta content="always" name="referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <meta http-equiv="Last-Modified" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="baidu-site-verification" content="YMo12k0sTT" />
    <meta name="shenma-site-verification" content="0c910b838092fac1fb183f3de2eeb30a" />
    <meta name="360-site-verification" content="a8851659e6a3f7c7cd850299285550ff" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://mjss.sinaimg.cn/wap/online/public/images/addToHome/sina_114x114_v1.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://mjss.sinaimg.cn/wap/online/public/images/addToHome/sina_57X57_v1.png">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        *{
            margin: 0;
            padding:0;
        }
        .ellipsis {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }
        
        .bs-example {
            padding: 10px;
            border: 1px solid #999;
            margin: 2px;
        }
        
        .bs-example span {
            font-size: 10px;
            color: red;
        }
        .layer_barrage {
            position: relative;
            width: 100%;
        }
        .barrageUl li {
            font-size: 12px;
            padding: 0 15px;
            color: #fff;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 22px;
            line-height: 22px;
            background: rgba(0, 0, 0, 0.68);
            border-radius: 11px;
        }
    </style>
</head>
<body>
	<div class="banner">
		<img src="images/banner.png" alt="">
		<div class="rollingInf"></div>
	</div>
	<div class="content">
		<ul class="barrage-top"></ul>
		<ul class="barrage-bottom layer_barrage"></ul>
		<div class="button">
			<img src="images/btn1.png" alt="" class="btn-slt">
			<img src="images/btn2.png" alt="" class="btn-nslt">
			<div class="luckBtn"></div>
		</div>
	</div>
	<div class="raiders">
		<img src="images/raiders.png" alt="" class="raiderTitle">
		<div class="rules">
            <div class="ruleInfo">
            	<div>
                    <img class="imgTitle" src="images/firStep.png" alt="第一步">
            		<p class="title"><b>未下载新闻客户端用户：</b></br>1.点击“立即参与”</br>下载并打开最新版新浪新闻客户端</p>
	                <div class="infoImg">
	                    <img src="images/img1.png" alt="">
	                </div>
                </div>
                <div class="secStep">
                    <p class="title">2.打开新浪新闻客户端，使用微博账号登陆</p>
                    <div class="infoImg">
                        <img src="images/img2.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title">3.登陆成功后，红包请到</br>“微博—消息-粉丝红包”中领取</p>
                    <div class="infoImg">
                        <img src="images/img3.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title"><b>已安装新浪新闻客户端的用户：</b></br>1.点击“立即参与”</br>打开新浪新闻客户端参与抽奖</p>
                    <div class="infoImg">
                        <img src="images/img1.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title">2.点击立即抽奖按钮，参与抽奖</p>
                    <div class="infoImg">
                        <img src="images/img4.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title">3.获得的奖品请到“我的”-“卡包”查看</p>
                    <!-- <p class="title">(PS:进卡包前，未登录的用户请按引导登陆哦)</p> -->
                    <img src="images/ps.png" alt="" class="ps">
                    <div class="infoImg">
                        <img src="images/img5.png" alt="">
                    </div>
                </div>
                <div>
                    <img class="imgTitle" src="images/secStep.png" alt="第一步">
            		<p class="title">1.在新浪新闻客户端，打开新闻正文，点击底部</br>带有提示标志的浮层或者评论按钮</p>
            		<img src="images/explain.png" alt="" class="explain">
	                <div class="infoImg">
	                    <img src="images/img6.png" alt="">
	                </div>
                </div>
                <div>
                    <p class="title">2.未登录客户端的用户，请先登陆客户端账户</br>已登录用户请忽略此步骤</p>
                    <div class="infoImg">
                        <img src="images/img2.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title">3.成功登陆后，请发挥你段子手的奇思妙想</br>留下神评论即可得奖~</p>
                    <div class="infoImg">
                        <img src="images/img7.png" alt="">
                    </div>
                </div>
                <div>
                    <p class="title">4.所有奖品请在“我的-卡包”查看领取</p>
                    <div class="infoImg">
                        <img src="images/img5.png" alt="">
                    </div>
                </div>
            </div>
        </div>
	</div>
	<div class="description">
        <div class="activityDescription"></div>      
        <ul class="rules">
            <li>
                活动时间：2017年4月28日—2017年6月30日。奖品丰富，请持续关注。
            </li>
            <li>
                微博红包请到你的 “微博-消息-粉丝红包” 中领取；其它红包请在新浪新闻客户端 “我的—卡包” 中查看领取。实物奖品请尽快准确填写个人信息，领奖机会当天有效(每天24点清零)。
            </li>
            <li>实物奖品的发放，我们将于活动结束后10个工作日内按照中奖顺序寄出，请耐心等待。</li>
            <li>
                红包发放给所有有效参与用户，对于恶意刷奖等行为，新浪新闻客户端有权利取消用户中奖资格。
            </li>
            <li class="_iphoneShow">
                活动奖品由新浪新闻客户端及合作品牌提供，与设备生产商Apple.lnc.公司无关
            </li>
        </ul>
    </div>
    <div class="brand" style="margin-bottom:3rem;">
        <div class="coBranding"></div>
        <ul class="brandList">
            <li><img src="http://mjs.sinaimg.cn/wap/online/dpool/client/goddess/images/58.jpg" alt="58到家"></li>
            <li><img src="http://mjs.sinaimg.cn/wap/online/dpool/client/goddess/images/aiqiyi.jpg" alt="爱奇艺"></li>
            <li><img src="http://mjs.sinaimg.cn/wap/online/dpool/client/goddess/images/enjoy.jpg" alt="ENJOY"></li>
            <!-- <li style="float: left;"><img src="http://mjs.sinaimg.cn/wap/online/dpool/client/recallAct/images/yiguo.png" alt="易果"></li> -->
        </ul>
    </div>
    <div class="sinaNews">
        <img src="images/sinaNews.png" alt="">
    </div>
    <!--遮罩层-->
    <div class="mask _layer">
        <div class="box _gold_box">
            <img src="http://mjs.sinaimg.cn/wap/online/dpool/client/goddess/images/heart.png" alt="">
            <p>loading...</p>
        </div>
        <div class="packets redPackets _packets_show">
            <div class="havePackets">
                <div class="spoil">小浪人公仔</div>
            </div>
            <div class="btn cardHolderBtn _cardBtn" data-sudaclick="gowallet-click">
                <a href="http://huodong.sina.cn/kabao/index?vt=4&amp;ran=New Date()"></a>
            </div>
            <span class="share">
                <span class="check _check _select"></span>
                <p>分享到微博与小伙伴们一起赢大奖</p>
            </span>
            <div class="redClose _close" data-sudaclick="closelayer-click"></div>
        </div>
        <div class="packets wbredPackets _packets_show">
            <div class="havePackets">
                <div class="spoil">微博红包</div>
            </div>
            <div class="btn cardHolderBtn _cardBtn _close" data-sudaclick="gowallet-click"></div>
            <span class="share">
                <span class="check _check _select"></span>
                <p>分享到微博与小伙伴们一起赢大奖</p>
            </span>
            <div class="redClose _close" data-sudaclick="closelayer-click"></div>
        </div>
        <div class="packets no_redPackets">
            <div class="noPackets"></div>
            <div class="btn cbTomorrow _close" data-sudaclick="cbTomorrow"></div>
            <div class="redClose _close" data-sudaclick="closelayer-click"></div>
        </div>
    </div>
    <!--请求超时-->
    <div class="overTime _overtime">
        <div class="overTimeBg"></div>
        <p>请求超时请重试</p>
    </div>
    <!--今天抽过奖-->
    <div class="act_over _over">
        <div class="black_bg"></div>
        <div class="show_box"></div>
        <div class="over_slogan">
            <p>您已经抽过奖了，请明天再来</p>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script src="http://wap_front.dev.sina.cn/zihao/Activity/barrage/My/barrage_zepto.js"></script>
    <script>
        var aqueue = [
            { 'color': 'gold', 'content': '【夸雷斯马】，接我空翻360度接转体720度的双膝跪地！' },
            { 'color': 'blue', 'content': '空耳好评' },
            { 'color': '', 'content': '无畏的事情' },
            { 'color': 'gold', 'content': '金钟大不是我男人吗，哦，坂本也是(｢･ω･)｢嘿' },
            { 'color': '', 'content': '扳本OS：送上来的装逼机会啊！' },
            { 'color': '', 'content': '女主我只认8823' },
            { 'color': '', 'content': '牛顿不会诈尸，不要胡说，坂本做得都是有物理原理的可以实现' },
            { 'color': '', 'content': '又换发了' },
            { 'color': '', 'content': '葡萄牙必胜！' },
            { 'color': '', 'content': '盲降成功' },
            { 'color': '', 'content': '可怜你赢不过坂本大佬' },
            { 'color': '', 'content': '关键是他不仅不穿衣服，而且居然还不换胖次ヾ(｡｀Д´｡)ﾉ彡' },
            { 'color': '', 'content': '辣眼睛啊喂' },
            { 'color': '', 'content': '我们未能穿透敌人的装甲' }

        ];
        var danMuConfig = {
            rows: 3,
            showTime: 7000,
            intervalTime: 4000,
            lineSpace: 25,
            randomMax: 0,
            layerClass: 'barrageUl',
            parent: '.layer_barrage'
        }
        var danMu = new DanMu(danMuConfig);
        danMu.start(aqueue, true);

        // var danMu2 = new DanMu();
        // danMu2.start(aqueue, true);

        $('.j_pause_barrage').on('click', function () {
            danMu.pause();
        });
        $('.j_stop_barrage').on('click', function () {
            danMu.stop();
        });
        $('.j_start_barrage').on('click', function () {
            danMu.start();
        });
        $('.j_insert_barrage').on('click', function () {
            danMu.insert($('.j_bcontent').val());
        });
    </script>
</body>
</html>